<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>个人中心页面</title>
    <link rel="stylesheet" href="../iconfont/iconfont.css" />
  </head>
  <body>
    <div class="userBox">
      <div class="header1">
        <div class="jd-container"></div>
      </div>
      <div class="content">
        <div class="jd-container">
          <div class="left">
            <div class="top">
              <div class="avatar">
                <img src="" alt="" />
                <i class="iconfont icon-zhaoxiangji"></i>
                <input type="file" class="file" />
              </div>
              <h3 class="username">用户名</h3>
              <p class="desc">个人描述</p>
            </div>
            <div class="bottom">
              <p class="item">基本资料</p>
              <p class="item">修改密码</p>
              <p class="item">退出登录</p>
            </div>
          </div>
          <div class="right">
            <div class="jiben">
              <h3 class="title">基本资料</h3>
              <form class="content">
                <p>
                  <label for="">用户名</label>
                  <input type="text" id="username" />
                </p>
                <p>
                  <label for="">性别</label>
                  <select id="gender">
                    <option value="男">男</option>
                    <option value="女">女</option>
                  </select>
                </p>
                <p>
                  <label for="">城市</label>
                  <select id="city">
                    <option value="男">省</option>
                    <option value="女">女</option>
                  </select>
                </p>
                <p>
                  <label for="">个人说明</label>
                  <textarea name="" id="desc" class="desc"></textarea>
                </p>
                <input type="submit" value="保存" class="btn" />
              </form>
            </div>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>